<template>
  <div class="info">
    <div class="title">百度竞价信息</div>
    <el-table
      :data="shareholderTableData"
      style="width: 100%"
      class="top-20"
    >
      <el-table-column
        prop="gsmc"
        label="推广关键词"
      >
      </el-table-column>
      <el-table-column
        prop="gsmc"
        label="省份"
      >
      </el-table-column>
      <el-table-column
        prop="gsmc"
        label="百度链接"
      >
      </el-table-column>
      <el-table-column
        prop="gsmc"
        label="推广网站"
      >
      </el-table-column>
      <el-table-column
        prop="gsmc"
        label="账户类型"
      >
      </el-table-column>
      <el-table-column
        prop="gsmc"
        label="账户级别"
      >
      </el-table-column>
      <el-table-column
        prop="gsmc"
        label="采集时间"
      >
      </el-table-column>
    </el-table>
    <div class="title top-20">官网监测</div>
    <el-table
      :data="shareholderTableData"
      style="width: 100%"
      class="top-20"
    >
      <el-table-column
        prop="gsmc"
        label="网址"
      >
      </el-table-column>
      <el-table-column
        prop="id"
        label="网站标题"
      >
      </el-table-column>
      <el-table-column
        prop="id"
        label="网站关键词"
      >
      </el-table-column>
      <el-table-column
        prop="id"
        label="网站描述"
      >
      </el-table-column>
      <el-table-column
        prop="id"
        label="监测日期"
      >
      </el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      shareholderTableData: [
        {
          id: 1,
          gsmc: 'testtest'
        }
      ]
    }
  },
  created() {
    //
  }
}
</script>

<style lang="scss" scoped>
.info {
  .top-20 {
    margin-top: 20px;
  }
  .title {
    font-size: 24px;
    font-weight: bold;
    color: #000000;
    line-height: 60px;
    border-bottom: 1px solid #e7e7e7;
  }
}
</style>

<style>
.el-table thead {
  color: #2F3133;
}
.el-table th {
  background-color: #F5F7F9;
}
</style>
